<div id="topFrame">
    <a href="/">
        <img src="/header.png" alt="header" /> 
    </a>
</div>
<div id="navigation"> 
	<a href="/"><img src="/home.gif" class="icon"/>home</a> -
	<a href="/about"><img src="/bulb.gif" class="icon"/>about</a> -
	<a href="{{ logout }}"><img src="/key.gif" class="icon"/>logout</a> 
</div>
<div class="hline"></div>
{% if messages %}
    <div id="messages">
    <ul>
    {% for message in messages %}
    <li><img src="/checkmark.gif" class="icon" /> {{ message }}</li>
    {% endfor %}
    </ul>    
    </div>
{% endif %}
<br>

